<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CANHE-HETEROCHRONIC</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* 异时性设计页面特定样式 */
        .heterochronic-page {
            padding-top: 120px;
            min-height: 100vh;
            position: relative;
        }
        
        .heterochronic-title {
            text-align: center;
            font-size: 32px;
            font-weight: normal;
            margin: 80px 0 60px;
            letter-spacing: 2px;
        }
        
        .heterochronic-content {
            max-width: 800px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .heterochronic-content p {
            font-size: 20px;
            line-height: 2;
            margin-bottom: 30px;
            text-align: left !important;
        }
        
        .back-to-journal {
            display: inline-block;
            margin-top: 60px;
            margin-bottom: 100px;
            padding: 12px 30px;
            border: 1px solid #666;
            color: #666;
            font-size: 14px;
            text-transform: uppercase;
            transition: all 0.3s ease;
        }
        
        .back-to-journal:hover {
            background-color: #666;
            color: #000;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="logo">仁善慈悲帝</div>
        <div class="menu-toggle" id="menuToggle">
            <div class="bar"></div>
            <div class="bar"></div>
            <div class="bar"></div>
        </div>
        <ul class="nav-links" id="navLinks">
            <li><a href="index.html">首页</a></li>
            <li><a href="works.html">作品</a></li>
            <li><a href="exercise.html">练习</a></li>
            <li><a href="about-contact.html">关于</a></li>
            <li><a href="journal.html" class="active">日志</a></li>
        </ul>
    </nav>

    <!-- 异时性设计页面内容 -->
    <section class="heterochronic-page">
        <div class="heterochronic-title">异时性设计</div>
        <div class="heterochronic-content">
            <p>异时性设计是我在回国后不断拜访同仁后的思考结果。这一理论试图探讨时间与空间在设计中的非同步关系，以及如何通过设计语言表达这种复杂的时间体验。</p>
            <p>在当代社会，我们的时间感知被数字化、碎片化，传统的线性时间观正在被打破。异时性设计正是对这一现象的回应，它试图在设计中创造出多重时间维度的共存与对话。</p>
            <p>异时性设计的核心在于解构传统的时间顺序，构建非线性的、多层次的时间体验。通过材料的选择、空间的组织、光影的运用等手段，设计师可以创造出超越当下的时间感知。</p>
            <p>在实践中，异时性设计可以表现为：不同历史时期元素的并置、时间痕迹的可视化呈现、动态与静态的对比、以及对"瞬间"和"永恒"的探讨等。</p>
            <p>我相信，异时性设计不仅仅是一种设计方法论，更是一种看待世界的方式。它提醒我们，时间不是单一的、线性的流动，而是多元的、相互交织的存在。</p>
            <p>在未来的设计实践中，我将继续探索异时性设计的可能性，希望通过这种设计语言，为当代人提供一种重新思考时间、空间与存在关系的途径。</p>
            <a href="journal.html" class="back-to-journal">返回日志</a>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-content">
            <p>&copy; 仁善慈悲帝保留所有权利.</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>